<script setup>
import Carousel from "@/views/FrontViews/StoreModule/Discount/components/Carousel.vue";
import Recommend from "@/views/FrontViews/StoreModule/Discount/components/Recommend.vue";
import GameList from "@/views/FrontViews/StoreModule/Discount/components/GameList.vue";
</script>

<template>
  <div class="container">
    <span class="title">特惠</span>
  </div>
  <Carousel></Carousel>
  <Recommend></Recommend>
  <GameList></GameList>
</template>

<style scoped>
.container {
  color: #fff;
  font-size: 48px;
  font-weight: bold;
  .title {
    margin-left: 120px;
    padding: 4px 6px;
  }
}
</style>
